<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String basePath2=request.getScheme() + "://"
			+ request.getServerName()+ path + "/";
%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>员工属性卡设置</title>
    <link href="favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/marketing/public.css" />
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/marketing/activity.css" />
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/marketing/style_list.css" />
	<link href="<%=path%>/hplus/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
	<link href="<%=path%>/hplus/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
	<link href="<%=path%>/hplus/css/plugins/iCheck/custom.css" rel="stylesheet">
	<link href="<%=path%>/hplus/css/animate.min.css" rel="stylesheet">
	<link href="<%=path%>/hplus/css/style.min862f.css?v=4.1.0" rel="stylesheet">	
	<link href="<%=path%>/css/marketing/s_style.css" rel="stylesheet">
	<link href="<%=path%>/hplus/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="<%=path%>/hplus/css/plugins/bootstrap-table/bootstrap-editable.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="<%=path%>/hplus/js/plugins/sweetalert/sweetalert2.min.css">
	
	<link href="<%=path%>/hplus/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/cropper/cropper.min.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="<%=path%>/hplus/css/plugins/clockpicker/clockpicker.css" rel="stylesheet">
    <style>
      .s_bg{   
 		   background-color:#ff8c00;
 		   background-size:100% 100%;
	       height:517px;
	       width:320px;
	       margin-left:-5px;
           }
      .header_bg{
			background: url(<%=path%>/images/marketing/phone_header.jpg) no-repeat;
            width: 320px;
		    height: 8%;
		    padding-top: 8%;
		    background-size: 100% 100%;
		    margin-top: 21%;
		    margin-left:-5px;
       }
       
      .x_l{
          width:30%;
      }
      .x_r{
         width:65%;
      }
      .picp{
         margin-top:120px;
         text-align:center;
         margin-left:120px;
      }
      .picpno{
         margin-top:100px;
         text-align:center;
         margin-left:120px; 
      }
      .regandloginarea{
	      background-color: #fff;
	      width: 90%;
	      margin-left: 17px;
      }
      .content_tab .nav1{
            width: 100%;
            height: 44px;
            text-align: center;
            float: left;
            border-radius: 3px;
            margin-bottom: 3%;
            font-size: 16px;
            list-style: none;
            padding-left: 0;
        }

        .content_tab .nav1 li{
            width: 50%;
            height: 44px;
            line-height: 44px;
            float: left;
        }

        .content_tab .nav1 li.on{
            border-bottom: 2px solid #fb6b01;
        }

        .container1{
            width: 100%;
            float: left;
        }

        .container1 ul{
            display: none;
            padding-left: 0;
        }

        .container1 ul input{
           outline:none;
           background:transparent;
           border:none;
           outline:medium;
        }

        .container1 .surrent{
            display: block;
        }
        
        .alert{
            position:absolute;
            top: -15px;
            left: 8%;
            display:none;
        }
        
        .alertone{
            position:absolute;
            top: -50px;
            right:30%;
            display:none;
            height:50px;
            width:350px;
            padding: 12px 12px;
        }
        .alerttwo{
            position:absolute;
            top: -50px;
            right: 20%;
            display:none;
            height:50px;
            width:400px;
            padding: 12px 12px;
        }
        .alertthree{
            position:absolute;
            top: -50px;
            right:15%;
            display:none;
            height:50px;
            width:350px;
            padding: 12px 12px;
        }
        .alertfour{
            position:absolute;
            top: -50px;
            right:10%;
            display:none;
            height:50px;
            width:350px;
            padding: 12px 12px;
        }
        .th-inner{
          display:flex;
        }
        
        .caozuoopra{
          font-size: 13px;
          margin:0 4px;
          color:#484848
        }
        
        .oprafont:hover{
          color:#1cb394;
        }
        .s_left_phone{
          background: url(<%=path%>/images/bg_phone.png) no-repeat;
          background-size: 100% 100%;
          width: 340px;
          height: 720px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
      <input type="hidden" value="<%=path%>" id="pathId">
		<div class="tabs-container">
			 <ul class="nav nav-tabs">
			      <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">首页设置</a>
			      </li>
			      <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">字段设置</a>
			      </li>
			 </ul>
		     <div class="tab-content">		     
					<div class="tab-pane active col-md-12" id="tab-1">
			             <div class="x_basics_list x_basics x_floatl x_w gray-bg">
			                <!--左侧预览区-->
		                    <div class="x_basics x_floatl x_l">
		                        <div class="s_left_phone col-md-8">
		                              <div class="header_bg"></div>
                                      <div class="s_bg">
								           <div id="comlogoPreview" class="text-center" style="padding-top:10px;margin-bottom:10px;height:120px;position:relative;">
								                <img id="comlogoleftview" class="comlogoImg" style="width:80px;height:80px" src="<%=path%>/images/marketing/img_p.png">
								                <div id="comnameShow" class="text-center" style="color:white;font-size:16px;padding-top:10px;position:absolute;bottom:0;margin-left:125px;"></div>
								           </div>
								           <div id="regAndloginView" class="col-md-12 regandloginarea">
								                <div class="content_tab">
								                     <ul class="nav1">
								                        <li id="regLi" class="on" style="color:#fb6b01;">注册</li>
								                        <li id="logLi" style="border-bottom:none;">登录</li>
								                        <div style="clear:both"></div>
	                                                  </ul>
	                                                  <div class="container1">
									                        <ul class="surrent">
									                           <div style="display:flex;margin-top:25px;border-bottom:1px solid #f3f3f3;">
								                                      <p style="width:80px;margin-top:8px;">姓名：</p>
								                                      <input type="text" class="form-control" placeholder="请填写姓名" id="J-name"/>
								                               </div>
									                           <div style="display:flex;margin-top:10px;border-bottom:1px solid #f3f3f3;">
							                                      <p style="width:80px;margin-top:8px;">手机号：</p>
							                                      <input type="text" class="form-control" placeholder="请填写手机号" id="J-xphone"/>
								                               </div>
									                           <div style="display:flex;margin-top:10px;border-bottom:1px solid #f3f3f3;">
							                                      <p style="width:60px;margin-top:8px;">验证码：</p>
							                                      <input type="text" style="width:120px;border-right:1px solid #f3f3f3;" class="form-control" placeholder="短信验证码"  id="login_code1"/>
									                              <a style="margin-left:3px;margin-top:8px;color:#fb6b01;" id="send_login_code1">发送验证码</a>
								                               </div>
									                           <div style="display:flex;margin-top:10px;border-bottom:1px solid #f3f3f3;">
							                                      <p style="width:80px;margin-top:8px;">邀请码：</p>
							                                      <input type="text" class="form-control" placeholder="部门邀请码" id="J-deptcode"/>
								                               </div>
									                            <button class="btn btn-block" style="background-color:#fb6b01;color:white;margin:50px 0 10px;border-radius:0;" id="regis_button">注册</button>
									                        </ul>			
									                        <ul>
									                           <div style="display:flex;margin-top:25px;border-bottom:1px solid #f3f3f3;">
								                                      <p style="width:80px;margin-top:8px;">手机号：</p>
								                                      <input type="text" class="form-control" placeholder="请填写手机号" style="margin-bottom:15px;" id="J-xphone2"/>
								                               </div>	
									                           <div style="display:flex;margin-top:10px;border-bottom:1px solid #f3f3f3;">
							                                      <p style="width:60px;margin-top:8px;">验证码：</p>
							                                      <input type="text" style="width:120px;border-right:1px solid #f3f3f3;" class="form-control" placeholder="短信验证码"  id="login_code1"/>
									                              <a style="margin-left:3px;margin-top:8px;color:#fb6b01;" id="send_login_code1">发送验证码</a>
								                               </div>
									                            <button class="btn btn-block" style="background-color:#fb6b01;color:white;margin:40px 0 10px;border-radius:0;" id="login_button">登录</button>
									                        </ul>
	                                                   </div>
								                </div>
								           </div>
                                      </div>
                                 </div>
		                    </div>
		                    <!--右侧填写区-->
		                    <div class="x_floatr x_r x_top10 x_padding10" style="background-color:#fff">
		                       <form class="form-horizontal" id='uploadPic' enctype='multipart/form-data'>
		                           <div class="form-group" style="display:flex;">
	                                   <label class="col-sm-2 control-label">请绑定到服务号</label>
	                                   <div class="col-sm-6">
	                                      <input id="pageUrl" readonly type="text" class="form-control" placeholder="http://cecook.cn/cj">
	                                   </div>
	                                    <button id="btnCopy" class="btn btn-primary" type="button" style="margin-left:15px;" onclick="javascript:copyUrl();" data-clipboard-action="copy" data-clipboard-target="#pageUrl">复制链接</button>
	                                    <button id="btnCat" type="button" class="btn  btn-primary" style="margin-left:15px;">预览</button>
	                                </div>
	                                <div class="form-group" style="display:flex;">
                                        <label class="col-sm-2 control-label"><i style="color:red">*&nbsp;</i>企业名称</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" id="comtx_id" type="text" maxlength="16" style="min-width:180px;" onblur="checkLength(this)" oninput="reloadleftView()">
                                        </div>
                                        <p class="col-sm-2 text-right" id="comtx_color" style="margin-top:10px;">文本颜色</p>
										<div class="btn-group k_color_box text-left k_color" style="margin-left:-10px">
										       <div class="k_color">
			                                     <img src="<%=path%>/images/marketing/ha.png"> <span class="caret" data-toggle="dropdown" style="float:right;margin:8px 5px;"></span>
			                                      <input id="comtxbgd_color" type="color" onchange="reloadcomtxbgd()" style="opacity:0;position:absolute;top:0;width:100px;">
			                                   </div>
					                     </div>
                                    </div>
                                    <div class="form-group">
	                                    <label class="col-sm-2 control-label"><i style="color:red">*&nbsp;</i>企业LOGO</label>
					                    <div class="col-sm-6" >
					                        <div class="radio i-checks col-sm-4" style="margin-left:-25px">
					                            <label class="operation">
					                                <input type="radio" checked="" id="showcomLogoYes" name="companyLogo" value="1"><i></i>&nbsp;&nbsp;显示</label>
					                        </div>
					                        <div class="radio i-checks  col-sm-4 text-left">
					                            <label class="operation">
					                                <input type="radio"  id="showcomLogoNo" name="companyLogo" value="0"><i></i>&nbsp;&nbsp;隐藏</label>
					                        </div>
					                    </div>
	                                </div>
	                                <div class="form-group">
			                            <div class="col-lg-2">
                                            <div class="x_pt_h" style="margin-left:150px;">
                                                <div class="x_img_sc">
                                                   <img id="comlogo_image"  src="<%=path%>/images/marketing/img_p.png" height="100%" width="100%">
                                                   <button type="button" style="margin-top:10px;width:100px;" class="btn btn-primary">选择图片</button>
                                                </div>
                                                <input type="file" accept="image/gif,image/jpeg,image/x-png" id="x_inputfile"  onchange="uploadPic(0)" name="filepath" style="filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.0; position:absolute; z-index:99;height:150px;">
                                            </div>
			                            </div>
			                            <p id="logfontyes" class="picp"><font color="#E0E0E0">未选择图片&nbsp;&nbsp;请上传&lt;3M的图片&nbsp;建议图片尺寸180*180</font></p><br>
			                            <p id="logfontno" class="picpno">已选择图片&nbsp;&nbsp;<font color="#E0E0E0">请上传&lt;3M的图片&nbsp;建议图片尺寸180*180</font></p><br>
                                    </div>
	                                <div class="form-group">
	                                    <label  class="col-sm-2 control-label"><i style="color:red">*&nbsp;</i>背景图颜色设置</label>
										     <div class="btn-group k_color_box text-left k_color" style="margin-left:20px">
										       <div class="k_color">
			                                      <img src="<%=path%>/images/marketing/ha.png"> <span class="caret" data-toggle="dropdown" style="float:right;margin:8px 5px;"></span>
			                                      <input id="bgColor" type="color" onchange="reloadBgColor()" style="opacity:0;position:absolute;top:0;width:100px;">
			                                   </div>
					                         </div>
                                    </div>
                                    <div class="form-group">
                                         <%-- <div class="col-lg-2">
                                            <div class="x_pt_h" style="margin-left:150px;">
                                                <div class="x_img_sc">
                                                   <img id="bgd_image"  src="<%=path%>/images/marketing/img_p.png" height="100%" width="100%">
                                                   <button type="button" style="margin-top:10px;width:100px;" class="btn btn-primary">选择图片</button>
                                                 </div>
                                                <input type="file" accept="image/gif,image/jpeg,image/x-png" id="x_inputfile"  onchange="uploadPic(1)" name="filepath1" style="filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.0; position:absolute; z-index:99;height:150px;">
                                            </div>
			                            </div>
			                           <p id="bgfontyes" class="picp"><font color="#E0E0E0">未选择图片&nbsp;&nbsp;请上传&lt;3M的图片&nbsp;建议图片尺寸750*1314</font></p><br>
			                           <p id="bgfontno" class="picpno">已选择图片&nbsp;&nbsp;<font color="#E0E0E0">请上传&lt;3M的图片&nbsp;建议图片尺寸750*1314</font></p><br> --%>
                                    </div>
	                                <div class="form-group">
                                        <label class="col-sm-2 control-label">选项卡文本</label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label"></label>
                                        <div class="col-sm-2" style="display:flex;width:auto;">
                                            <p class="col-sm-2 text-right" id="regtext" style="margin-top:10px;width:150px;"><i style="color:red">*&nbsp;</i>注册文本</p>
                                            <input class="form-control" style="width:100px;" id="regtext_id" type="text" value="注册" maxlength="4" onblur="checkLength(this)" oninput="reloadleftView()">
                                            <p class="col-sm-2 text-right" id="sbtext" style="margin-top:10px;width:150px;"><i style="color:red">*&nbsp;</i>登录文本</p>
                                            <input class="form-control" style="width:100px;" id="sbtext_id" type="text" value="登录" maxlength="4" onblur="checkLength(this)" oninput="reloadleftView()">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                         <label class="col-sm-1 control-label"></label>
                                         <div class="col-sm-2" style="display:flex;width:auto;">
                                             <p class="col-sm-2 text-right" id="regTextColor" style="margin-top:10px;width:150px;">文本颜色</p>
										     <div class="btn-group k_color_box text-left k_color" style="margin-left:20px">
										       <div class="k_color">
			                                      <img src="<%=path%>/images/marketing/ha.png"> <span class="caret" data-toggle="dropdown" style="float:right;margin:8px 5px;"></span>
			                                      <input id="regTextColor_id" type="color" onchange="reloadRegTextColor()" style="opacity:0;position:absolute;top:0;width:100px;">
			                                   </div>
					                         </div>
					                         <p class="col-sm-2 text-right" id="regBgColor" style="margin-top:10px;width:170px;">背景颜色</p>
										     <div class="btn-group k_color_box text-left k_color" style="margin-left:20px">
										       <div class="k_color">
			                                      <img src="<%=path%>/images/marketing/ha.png"> <span class="caret" data-toggle="dropdown" style="float:right;margin:8px 5px;"></span>
			                                      <input id="regBgColor_id" type="color" onchange="reloadregBgColor()" style="opacity:0;position:absolute;top:0;width:100px;">
			                                   </div>
					                         </div>
                                        </div>
                                    </div>
	                                <div class="form-group">
                                        <label class="col-sm-2 control-label">注册/登录按钮</label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label"></label>
                                        <div class="col-sm-2" style="display:flex;width:auto;">
                                            <p class="col-sm-2 text-right" id="btColor" style="margin-top:10px;width:150px;">按钮颜色</p>
											<div class="btn-group k_color_box text-left k_color" style="margin-left:10px">
											       <div class="k_color">
				                                      <img src="<%=path%>/images/marketing/ha.png"> <span class="caret" data-toggle="dropdown" style="float:right;margin:8px 5px;"></span>
				                                      <input id="btcolor_id" type="color" onchange="reloadButtonColor()" style="opacity:0;position:absolute;top:0;width:100px;">
				                                   </div>
						                     </div>
                                        </div>
                                    </div>
                                    <div class="form-group" >
                                       <label class="col-sm-1 control-label"></label>
                                       <div class="col-sm-2" style="display:flex;width:auto;">
	                                       <p class="col-sm-2 text-right" id="regbtntext" style="margin-top:10px;width:180px;"><i style="color:red">*&nbsp;</i>注册按钮文本</p>
	                                       <div class="col-sm-2"> 
	                                            <input class="form-control" style="width:150px" id="regbtn_id" type="text" value="注册" maxlength="4" onblur="checkLength(this)" oninput="reloadleftView()">
	                                        </div>
	                                   </div>
                                    </div>
                                    <div class="form-group" >
                                      <label class="col-sm-1 control-label"></label>
                                      <div class="col-sm-2" style="display:flex;width:auto;">
	                                        <p class="col-sm-2 text-right" id="sbtntext" style="margin-top:10px;width:180px;"><i style="color:red">*&nbsp;</i>登录按钮文本</p>
	                                        <div class="col-sm-2">
	                                            <input class="form-control" style="width:150px" id="sbtntext_id" type="text" value="登录" maxlength="4" onblur="checkLength(this)" oninput="reloadleftView()">
	                                        </div>
                                       </div>
                                    </div>
                                    
                                    <div class="form-group" style="margin-top:40px">
	                                      <label class="col-sm-4 control-label"></label>
					                     <div class="col-sm-6">
					                        <shiro:hasPermission name="manage_set:save">                      
						                      <button id="btnSave" type="button" class="btn  btn-primary">提交</button>
						                    </shiro:hasPermission>
					                     </div>
		                            </div>
		                       </form>
		                    </div> 
		                 </div>
					</div> 
					<div class="tab-pane col-md-12" id="tab-2">
					   <div class="wrapper wrapper-content animated fadeInRight">
						      <div class="col-md-12 gray-bg">
						            <div class="gray-bg" style="height:60px">
						                 <p id="dialogInfo1" class="text-left" style="color:#306b6b;font-size:12px;">1、添加自定义字段上限为20个，请按实际需求添加字段</p>
						                 <p id="dialogInfo2" class="text-left" style="color:#306b6b;font-size:12px;">2、可以对自定义字段进行删除，但删除后该字段对应的数据均会被清除，所以无论添加或删除，都请谨慎操作。</p>
						            </div>
						            <div class="col-md-12 text-right" style="margin-top:-30px;">
		                                <button id="viewInfo" type="button" onclick="staffSetView();" class="btn btn-primary">预览</button>
		                                <div id="staSetQrcodeid" style="padding:20px;text-align:center;right:5%;width:260px;background:rgb(156, 150, 150);opacity:0.8;z-index:1000;position:absolute;display:none;">
		                                   <div style="float:left">
		                                      <div id="staRegQrcode" style="width:50%"></div>
		                                      <label style="font-size:11px;color:#ffffff;float:left;margin-left:16px;padding-top:10px;">
		                                                                                                           预览C端注册页
		                                       </label>
		                                   </div>
		                                   <div style="overflow:auto;padding-left:15px;">
		                                      <div id="personQrcode" style="width:50%"></div>
		                                      <label style="font-size:11px;color:#ffffff;float:left;padding-top:10px;">
		                                                                                                          预览C端个人资料页
		                                       </label>
		                                   </div>
		                                </div>
		                            </div>
						      </div>
						      <div class="col-sm-12 white-bg" style="margin-top:5px;">
						            <table id="data-table"></table>
						      </div>
					   </div>  
					</div>
			 </div>
		</div>
	</div>
	<!--员工卡 预览二维码-->
	<div hidden="" class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog"  aria-hidden="true">
	    <div class="modal-dialog modal-sm">
	        <div class="modal-content">
	            <div class="modal-body text-center">
	               <div id="qrcode"></div>
	            </div>
	        </div>
	    </div>
    </div> 
    <!--启用弹出框-->
    <div  hidden="" class="modal inmodal fade" id="myModalUserOrStop" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm" style="width:350px">
            <div class="modal-content">
                <div class="modal-header" style="padding: 15px 15px 10px;">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="text-left">启用确认</h4>
                </div>
                <div class="text-center" style="width:100%;height:60px;">                    
                    <form method="get" class="form-horizontal col-sm-12" style="margin:20px 0;">
                        <div class="form-group">
                            <div class="col-sm-12">
                        	   <span>您确定要启用此字段吗?</span>
                            </div> 
                        </div>
                    </form>
                </div>
                 <div class="modal-footer" style="text-align:center;border-top:none;">
                     <button type="button" class="btn btn-outline btn-primary" data-dismiss="modal">取消</button>
                     <button type="button" class="btn btn-primary k_verify" onclick="startUserField()">确定</button>
                 </div>
             </div>
        </div>
    </div>
    <!--禁用弹出框-->
    <div  hidden="" class="modal inmodal fade" id="myModalUserOrStopTwo" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm" style="width:350px">
            <div class="modal-content">
                <div class="modal-header" style="padding: 15px 15px 10px;">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="text-left">禁用确认</h4>
                </div>
                <div class="text-center" style="width:100%;height:60px;">                    
                    <form method="get" class="form-horizontal col-sm-12" style="margin:20px 0;">
                        <div class="form-group">
                            <div class="col-sm-12" style="margin-top:10px;">
                        	   <span style="display:block;">您确定要禁用此字段吗?</span>
                        	   <span style="display:block;margin-top: 10px;">禁用后，C端员工资料页将不显示此字段！</span>
                            </div> 
                        </div>
                    </form>
                </div>
                 <div class="modal-footer" style="text-align:center;border-top:none;">
                     <button type="button" class="btn btn-outline btn-primary" data-dismiss="modal">取消</button>
                     <button type="button" class="btn btn-primary k_verify" onclick="stopUserField()">确定</button>
                 </div>
             </div>
        </div>
    </div>
	
    <script src="<%=basePath%>/hplus/js/jquery.min.js?v=2.1.4"></script>
    <script src="<%=basePath%>/hplus/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="<%=basePath%>/hplus/js/content.min.js??v=1.0.0"></script>
    <script src="<%=basePath%>/hplus/js/plugins/layer/laydate/laydate.js"></script>
    <script src="<%=path%>/hplus/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="<%=path%>/hplus/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="<%=path%>/hplus/js/plugins/bootstrap-table/bootstrap-table-editable.js"></script>
    <script src="<%=path%>/hplus/js/plugins/bootstrap-table/bootstrap-editable.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
	<script src="<%=path%>/hplus/js/plugins/iCheck/icheck.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/marketing/lengthlimit.js"></script>
	<script src="<%=path%>/hplus/js/plugins/sweetalert/sweetalert2.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/marketing/dialog.js"></script>
	<script type="text/javascript" src="<%=path%>/js/marketing/public.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/artDialog/7.0.0/dialog-plus.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
	
  	<script type="text/javascript">
 	var path = "<%=path%>";
 	var basePath="<%=basePath%>";
 	var basePath2="<%=basePath2%>"
  	var storeId;
  	var isShowCouponList=1;
  	var comtxbgd_color;//公司名称文本颜色
  	var regtextcolor;//选项卡文本颜色
  	var regbgcolor;//选项卡背景颜色
  	var regbutncolor;//登录按钮颜色
  	var logobgUrl;//企业logo图片地址
  	var bgColor="#ff8c00";//背景图颜色
  	var cid="${cid}";
  	var h5Url="${h5Url}";
  	//显示logo
	$(document).on('ifChecked', '#showcomLogoYes', function() {
		isShowCouponList=1;
		$("#comlogoleftview").show();
	});
	//不显示logo
	$(document).on('ifChecked', '#showcomLogoNo', function() {
		isShowCouponList=0;
		logobgUrl="";
		$("#comlogo_image").attr("src",path+"/images/marketing/img_p.png");
		$("#comlogoleftview").hide();
	});
	//点击空白处隐藏
	$(document).click(function(e){
         var _con = $('#viewInfo');  // 设置目标区域
         if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
               $('#staSetQrcodeid').hide(1000);//淡出消失
               $("#staRegQrcode").html("");
         } 
   });
  	
  	//初始化页面方法
  	$(function(){
  		//加载页面地址
  		//loadPageUrl();
  		//加载员工卡设置 左边预览会显
  		loadPageSetStyle();
  		reloadBgColor();
  		/*var viewUrl=basePath2+"h5/dist/?cid="+cid+"#/";
        var domain=basePath2;
        domain = domain.split(".")[0];
        domain = domain.split("//")[1];
        if (viewUrl.indexOf(domain) != -1) {
            viewUrl= viewUrl.replace(domain,"h5");
		} */
		h5Url+="?cid="+cid+"#/";
  		$("#pageUrl").val(h5Url);
  		$(document).ready(function(){$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",})});
  		//隐藏 logo已上传提示
  		$("#logfontno").hide();
  	    //隐藏 背景已上传提示
  		$("#bgfontno").hide();
  		 //判断是否显示企业logo按钮
  		if(isShowCouponList){
  			 $('#showcomLogoYes').attr("checked","checked");
  			 $('#showcomLogoYes').parent().addClass("checked");
  			 $('#showcomLogoNo').removeAttr("checked");
  			 $('#showcomLogoNo').parent().removeClass("checked");
  		}else{
  			 $('#showcomLogoNo').attr("checked","checked");
  			 $('#showcomLogoNo').parent().addClass("checked");
  			 $('#showcomLogoYes').removeAttr("checked");
  			 $('#showcomLogoYes').parent().removeClass("checked");
  		}
  		 
  		 
  		//员工属性设置table加载
  		$("#data-table").bootstrapTable({
	  			url: '<%=path%>/staffCardSetting/ajaxloadStaffProData',
	            method: 'post',
	            contentType: 'application/x-www-form-urlencoded',
	            striped: true,
	            cache: false,
	            pagination: true,
	            sortName: 'id',
	            sortOrder: 'desc',
	            sidePagination: 'client',
	            pageNumber: 1,
	            pageSize: 50,
	            pageList: [10, 25, 50, 100],
	            strictSearch: true,
	            clickToSelect: true,
	            height: 600,
	            uniqueId: 'id',
	            cardView: false,
	            detailView: false,
	            columns:[{
			            	field: 'labelNumber',
		                    title: '编号',
		                    width:100,
		                    align:'center',
		                    halign:'center',
		                    class:'editlaName',
		                    formatter:labelNumber
		                 },
	                     {
			            	field: 'labelName',
		                    title: '字段名称',
		                    width:100,
		                    align:'center',
		                    halign:'center',
		                    class:'editlaName'
	                     },
	                     {
				             field: 'labelType',
			                 title: '字段类型',
			                 width:100,
			                 align:'center',
			                 halign:'center',
			                 formatter:labelTypeSet
		                 },
	                     {
	                    	field: 'labelContent',
			                title: '字段内容',
			                width:250,
			                halign:'center',
			                formatter:loadContentlabel
	                     },
	                     {
	                    	 field: 'required',
				             title: '必填'+mustHtml(),
				             width:80,
				             align:'center',
				             formatter:mustWriteSet
	                     },
	                     {
	                    	 field: 'edit',
				             title: '员工可修改'+editHtml(),
				             width:50,
				             align:'center',
				             formatter:editTransSet
	                     },
	                     {
	                    	 field: 'show',
				             title: '注册页显示'+regHtml(),
				             width:50,
				             align:'center',
				             formatter:regTransSet
	                     },
	                     {
	                    	 field: 'operation',
	                         title: '操作'+oprationHtml(),
	                         formatter:formatterOperation
	                     }
	            ]
  		 });
  		 
  		//员工属性中"编辑"、"完成"切换
 		$(document).on('click', '.editOrFinish', function() {
 			var flag=$(this).attr("editFinflag");//当前编辑标识 1编辑 0完成
 			var bqid=$(this).attr("id");//a标签所对应id
 			var index=$(this).attr("hindex");//当前行索引
 			var sbqid="#"+bqid;//拼接标签id
 			var keyId=$(this).attr("kayid");//表主键id
 			if(flag==1){//点击编辑
 				    $(sbqid).text("完成");
	 				$(sbqid).attr("editFinflag",'0');
	 				editRow(index);
	 				removeReadOnly(index);
	 				removeDisabled(index);
 			}else{//点击完成
 				   finishRow(index,keyId,sbqid);
 				   //$("#data-table").bootstrapTable('refresh');
 			}
 		});
  		
  		//点击编辑  去除本行中readonly属性
  		function removeReadOnly(index){
  			var node=parseInt(index)+parseInt(1);
  			$("#data-table tr:eq(" + node + ") td").each(function(i,e){
  				if(i==2){
  					$(this).find(".labledit").removeAttr("readonly");
  				}
  			});
  		}
  		
  		//点击编辑 去除本行中disabled属性
  		function removeDisabled(index){
  			var isMusId="#isMustYes_"+index;
			var isEditId="#isEditYes_"+index;
			var isRegId="#isRegYes_"+index;
  			$(isMusId).removeAttr("disabled");
  			$(isEditId).removeAttr("disabled");
  			$(isRegId).removeAttr("disabled");
  		}
  		
 	     //行编辑完，点击完成
		function finishRow(index,keyid,sbqid){
			var node=parseInt(index)+parseInt(1);
			//标签id
			var isMusId="#isMustYes_"+index;
			var isEditId="#isEditYes_"+index;
			var isRegId="#isRegYes_"+index;
			var laName;
			var laCon;
			var isMus=0;
			var isEdit=0;
			var isReg=0;
			$("#data-table tr:eq(" + node + ") td").each(function(i,e){
		        if(i==1){//第一列
		        	laName=$(this).find("input").val();
		        	$(this).text(laName);
		        	$(this).find("input").remove();
		        }else if(i==2){//第二列
		        	laCon=$(this).find("input").val();
		        }else if(i==3){//第三列
		        	if($(isMusId).is(':checked')){//是否选中
		        		isMus=1;
		        	}
		        }else if(i==4){//第四列
		        	if($(isEditId).is(':checked')){//是否选中
		        		isEdit=1;
		        	}
		        }else if(i==5){//第五列
		        	if($(isRegId).is(':checked')){//是否选中 		        		
		        		isReg=1;
		        	}
		        }
		    });
			if(index==6){
				laCon="男  女";
			}
			//更新员工属性保存
	 		var addUrl=path+"/staffCardSetting/ajaxUpdateStaffPro";
	 		 $.ajax({
	 	 			type:"post",
	 	  			url:addUrl,
	 	  			async: false,
	 	  			data:{
	 	            	"id":keyid,
	 	            	"labelName":laName,
	 	            	"labelContent":laCon,
	 	            	"required":isMus,
	 	            	"edit":isEdit,
	 	            	"show":isReg,
	 	            	},
	 	            success:function(data){
	 	            	if(data.status == "200"){
	 	            		$(sbqid).text("编辑");
	 	    				$(sbqid).attr("editFinflag",'1');
	 	    				$(".labledit").attr("readonly","readonly");
	 	    				addDisablePro(index);
	 	    				successDialog(data.message);
	 	            	}else{
	 	            		errorDialog(data.message);
	 	            	}
	 	            }
	 	 	}); 
		}
 	     
 	    //点击完成，添加本行disabled属性
 	    function addDisablePro(index){
 	    	var isMusId="#isMustYes_"+index;
			var isEditId="#isEditYes_"+index;
			var isRegId="#isRegYes_"+index;
 	    	$(isMusId).attr("disabled","disabled");
 	    	$(isEditId).attr("disabled","disabled");
 	    	$(isRegId).attr("disabled","disabled");
 	    }
  		
 		 //编辑行
		function editRow(index){
			var node=parseInt(index)+parseInt(1);
		    $("#data-table tr:eq(" + node + ") td:eq(1)").each(function(){
		        var value = $(this).text();
		        $(this).html("<input style='width:85px;' maxlength='4' value='"+value+"'>");
		    });
		}
  		 
  		 //操作
  		 function formatterOperation(value,row,index){
  			 if(index==0 || index==1 || index==2){
  				 return '<shiro:hasPermission name="attribute_set:save"><a onclick="javascript:;" editFinflag="1"  hindex='+index+' kayid="'+row.id+'" id="editFinishId'+index+'" class="caozuoopra editOrFinish oprafont">编辑</a></shiro:hasPermission>';
  			 }else{
  				var userText="启用";
  				if(row.flag==1){
  					userText="禁用";
  				}
  				return '<a onclick="javascript:startUserRow('+index+');" startFlag="'+row.flag+'" keyId="'+row.id+'" id="useOrStop'+index+'" class="caozuoopra oprafont">'+userText+'</a><shiro:hasPermission name="attribute_set:save"><a onclick="javascript:;" hindex='+index+' editFinflag="1" kayid="'+row.id+'" id="editFinishId'+index+'" class="caozuoopra editOrFinish oprafont">编辑</a></shiro:hasPermission>';
  			 }
  		 }
  		 
  		 //加载内容标签
  		 function loadContentlabel(value,row,index){
  			if(index==0 || index==1 || index==3 || index==5){
  				return '<input type="text" readonly class="labledit" style="margin-left:10px;width:160px;" value='+row.labelContent+'>';
  			}else if(index==4){
  				return '<input id="hellodate" readonly value="'+row.labelContent+'" style="height:28px;width:160px;margin-left:10px;" class="laydate-icon form-control layer-date labledit">';
  			}else if(index==2){
  				return '<select id="deptSelid" style="margin-left:10px;height:25px;width:160px;" name="dept"> <option>'+row.labelContent+'</option></select>';
  			}else if(index==6){
  				return '<div style="margin-left:10px;"><input id="sex" checked type="radio" name="sexRadio"><span style="margin-left:10px;margin-right:15px;">男</span><input id="sex" type="radio" name="sexRadio"><span style="margin-left:10px;">女</span></div>';
  			}else if(index==7){
  				return '<select id="s_province" style="margin-left:10px;height:25px;" name="s_province"><option>省份</option></select><select  style="margin-left:10px;height:25px;"'
  				+'id="s_city" name="s_city"><option>地级市</option></select><select style="margin-left:10px;height:25px;"'
  				+'id="s_county" name="s_county"><option>市、县级市</option></select>'
  				+'<input type="text" readonly class="labledit" style="width:160px;margin:5px 10px;" value='+row.labelContent+'>';
  			}
  		 }
  		 
  		 //必填转换
  		 function mustWriteSet(value,row,index){
  			 if(value==1){
  				if(index==0 || index==1 || index==2){
  				    return '<input type="checkbox" disabled onclick="noClickInfo();return false;" checked  id="isMustYes_'+index+'">';
  				}else{
  					return '<input type="checkbox" disabled checked  class="chboxisDis" id="isMustYes_'+index+'">';
  				}
  			 }else{
  				return '<input type="checkbox" disabled id="isMustYes_'+index+'">';
  			 }
  		 }
  		 //是否可编辑
  		 function editTransSet(value,row,index){
  			 if(value==1){
  				 return '<input type="checkbox" disabled checked id="isEditYes_'+index+'">';
  			 }else{
  				 return '<input type="checkbox" disabled id="isEditYes_'+index+'">';
  			 }
  		 }
  		 //是否注册页显示
  		 function regTransSet(value,row,index){
  			if(value==1){
  				if(index==0 || index==1 || index==2){
  	  				 return '<input type="checkbox" disabled  checked onclick="noClickInfo();return false;" id="isRegYes_'+index+'">';
  	  			 }else{
  	  				return '<input type="checkbox" disabled  checked id="isRegYes_'+index+'">';
  	  			 }
  			}else{
  				return '<input type="checkbox" disabled id="isRegYes_'+index+'">';
  			} 
  		 }
  		 
  		 //字段类型转换
  		 function labelTypeSet(value,row,index){
  			if(index==0 || index==1 || index==3 || index==5){
  				return "输入框";
  			}else if(index==2){
  				return "下拉框";
  			}else if(index==4){
  				return "日期选择";
  			}else if(index==6){
  				return "单选";
  			}else{
  				return "地址插件";
  			}
  		 }
  		 //字段编号
  		 function labelNumber(value,row,index){
  			 return index+1;
  		 }
  	});
  	
  	 //启用,禁用操作
  	 var startUseid;
	 function startUserRow(index){
		 startUseid="#useOrStop"+index;
		 var staFlag=$(startUseid).attr('startFlag');
		 if(staFlag==0){//启用
			 $("#myModalUserOrStop").modal('show');
		 }else{//禁用
			 $("#myModalUserOrStopTwo").modal('show');
		 }
	 }
	 //启用确认方法
	 function startUserField(){
		 var url="<%=path%>/staffCardSetting/ajaxStartUseUpdateStaffPro";
         $.post(url, {
        	 	"id":$(startUseid).attr('keyId'),
        	 	"flag":"1"
	    	 }, function(data) {
	    		if (data.status == "200") {
	    			$(startUseid).html("禁用");
	    			$(startUseid).attr('startFlag','1');
	    			$("#myModalUserOrStop").modal('hide');
	    			successDialog("启用成功");
	    		}else{		
		        	errorDialog(data.message);
		        }
	        }); 
	 }
	 
	 //禁用确认方法
	 function stopUserField(){
		 var url="<%=path%>/staffCardSetting/ajaxStartUseUpdateStaffPro";
         $.post(url, {
        	 	"id":$(startUseid).attr('keyId'),
        	 	"flag":"0"
	    	 }, function(data) {
	    		var realData = data.data;
	    		if (data.status == "200") {
	    			$(startUseid).html("启用");
	    			$(startUseid).attr('startFlag','0');
	    			$("#myModalUserOrStopTwo").modal('hide');
	    			successDialog("禁用成功");
	    		}else{		
		        	errorDialog(data.message);
		        }
	        }); 
	 }
  	
  	//不可取消勾选
  	function noClickInfo(){
  		promptDialog("不可取消勾选");
  	}
  	
  	//追加提示
  	function mustHtml(){
  		var mu="must";
  		return '<div style="margin-left:5px;text-align:center;"><img onmouseout="toViewInfo(2,\''+mu+'\')" onmouseover="toViewInfo(1,\''+mu+'\')" src="<%=path%>/images/marketing/help.png"></img><div class="col-sm-4 alertone alert-success">勾选必填的字段，是C端注册、员工资料页的必填项</div></div>';
  	}
  	
  	function editHtml(){
  		var ed="edit";
  		return '<div style="margin-left:5px;text-align:center;"><img onmouseout="toViewInfo(2,\''+ed+'\')" onmouseover="toViewInfo(1,\''+ed+'\')" src="<%=path%>/images/marketing/help.png"></img><div class="col-sm-4 alerttwo alert-success">勾选员工可修改的字段，C端员工可以修改字段选择、填写内容</div></div>';
  	}
  	
  	function regHtml(){
  		var re="reg";
  		return '<div style="margin-left:5px;text-align:center;"><img onmouseout="toViewInfo(2,\''+re+'\')" onmouseover="toViewInfo(1,\''+re+'\')" src="<%=path%>/images/marketing/help.png"></img><div class="col-sm-4 alertthree alert-success">只有勾选注册页显示的字段，才在C端员工注册页面显示</div></div>';
  	}
  	
	function oprationHtml(){
		var op="opra";
  		return '<div style="margin-left:5px;text-align:center;"><img onmouseout="toViewInfo(2,\''+op+'\')" onmouseover="toViewInfo(1,\''+op+'\')" src="<%=path%>/images/marketing/help.png"></img><div class="col-sm-4 alertfour alert-success">只有启用状态的字段，才会在C端员工资料页显示</div></div>';
  	}
	
	//鼠标滑过，滑出
	function toViewInfo(flag,strflag){
		//必填滑过、滑出
		if(strflag=='must'){
			if(flag==1){
				$(".alertone").show();
			}else{
				$(".alertone").hide();
			}
		}
		//是否可修改滑过、滑出
		if(strflag=='edit'){
			if(flag==1){
				$(".alerttwo").show();
			}else{
				$(".alerttwo").hide();
			}
		}
		//是否注册滑过、滑出
		if(strflag=='reg'){
			if(flag==1){
				$(".alertthree").show();
			}else{
				$(".alertthree").hide();
			}
		}
		//操作滑过、滑出
		if(strflag=='opra'){
			if(flag==1){
				$(".alertfour").show();
			}else{
				$(".alertfour").hide();
			}
		}
	}
  	
  	//员工属性设置预览二维码
  	function staffSetView(){
  		 //注册页预览
  		 var reUrl=basePath+"aem/client/regloginpageforview?cid="+cid+"&priview=1";
  		 $("#staSetQrcodeid").show();
  		 $("#staRegQrcode").html("");
  		 jQuery('#staRegQrcode').qrcode({
	 			 width: 100,
	             height:100,
	             text:reUrl/*可以通过ajax请求动态设置*/
	     });
  		 
  		 //个人信息预览
  		var peUrl=basePath+"aem/client/staffPropertyViewPage?cid="+cid;
  		$("#personQrcode").html("");
  		jQuery('#personQrcode').qrcode({
	 			 width: 100,
	             height:100,
	             text:peUrl/*可以通过ajax请求动态设置*/
	    });
       <%--屏蔽后台获取地址，后期需要放开  var url = "<%=path%>/staffCardSetting/ajaxPriviewCendUrl";
  		$.post(url,function(data) {
  			if (data.status == "200") {
  				var reUrl=data.regUrl;
  				var peUrl=data.perInfoUrl;
  				$("#staSetQrcodeid").show();
  		  		$("#staRegQrcode").html("");
  		  	    $("#personQrcode").html("");
  		        jQuery('#staRegQrcode').qrcode({
  		 			 width: 100,
  		             height:100,
  		             text:reUrl/*可以通过ajax请求动态设置*/
  		        });
  		        jQuery('#personQrcode').qrcode({
  		 			 width: 100,
  		             height:100,
  		             text:peUrl/*可以通过ajax请求动态设置*/
  		        });
  			}else{
        		errorDialog(data.message);
        	}
  		}); --%>
  	}
  	
  	//选项卡切换
  	$('.nav1 li').click(function(){
         $(this).addClass('on').siblings().removeClass();
         var index = $(this).index();
         $('.container1 ul').removeClass('surrent').eq(index).addClass('surrent');
         if(index==1){
        	 $('#regLi').removeAttr("style");
        	 if(regbgcolor!=undefined){
        		 $('#logLi').css("border-bottom","2px solid "+regbgcolor);
        		 if(regtextcolor!=undefined){
        			 $("#logLi").css("color",regtextcolor);
        		 }
        	 }else{
        		 $('#logLi').css({"border-bottom":"2px solid #fb6b01","color":"#fb6b01"}); 
        	 }
         }else{
        	 $('#logLi').removeAttr("style");
        	 if(regbgcolor!=undefined){
        		 $('#regLi').css("border-bottom","2px solid "+regbgcolor);
        		 if(regtextcolor!=undefined){
        			 $("#regLi").css("color",regtextcolor);
        		 }
        	 }else{
        		 $('#regLi').css({"border-bottom":"2px solid #fb6b01","color":"#fb6b01"}); 
        	 }
         }
     });
  	
  	//公司名称文本颜色
  	function reloadcomtxbgd(){
  		comtxbgd_color=$('#comtxbgd_color').val();
  		$("#comnameShow").css("color",comtxbgd_color);
	}
  	
  	//注册、登录文本颜色
  	function reloadRegTextColor(){
  		regtextcolor=$("#regTextColor_id").val();
  		$("#regLi").css("color",regtextcolor);
  		$("#logLi").css("color",regtextcolor);
  	}
  	
  	//注册、登录背景颜色
  	function reloadregBgColor(){
  		regbgcolor=$("#regBgColor_id").val();
  		$(".on").css("border-bottom","2px solid "+regbgcolor);
  	}
  	
  	//注册、登录按钮颜色
  	function reloadButtonColor(){
  		regbutncolor=$("#btcolor_id").val();
  		$("#regis_button").css("background-color",regbutncolor);
  		$("#login_button").css("background-color",regbutncolor);
  	}
  	//注册、登录页面背景颜色
  	function reloadBgColor(){
  		bgColor = $("#bgColor").val();
  		if(StringEmpty(bgColor)){
  			$(".s_bg").css("background-color",bgColor);
  		}else{
  			$(".s_bg").css("background-color","rgb(255, 128, 64)");
  		}
  	}
  	//图片上传
  	var flag=false;
  	var picType=0;
  	var file_path;
  	function uploadPic(type) {
  		picType=type;
  		if(type==0){
  			file_path='filepath';
  		}else{
  			file_path='filepath'+type;
  		}
  	    $("#uploadPic").submit(function (event) {
  	        if(flag){
  	            return ;
  	        }
  	        flag=true;
  	        $("#uploadPic").ajaxSubmit({
  	            type: "post",
  	            url: "<%=path%>/api/uploadfile/file",
  	            data:{"typename":file_path},
  	            success: function (data1) {
  	            	setPic(data1.realSavePath);
  	            },
  	            error: function (msg) {
  	                promptDialog("文件上传失败");
  	            }
  	        });
  	        return false;
  	    });
  	    flag=false;
  	    $("#uploadPic").submit();
  	}

  	//设置上传图片url
  	function setPic(picUrl){
  		switch (picType) {
  		case 0:
  			logobgUrl=picUrl;
  			if(StringEmpty(logobgUrl)){
  				$("#comlogo_image").attr("src",logobgUrl);
  				$("#comlogoleftview").attr("src",logobgUrl);
  				$("#logfontno").show();
  				$("#logfontyes").hide();
  			}
  			break;
/*   	    case 1:
  	    	bgUrl=picUrl;
  	    	if(StringEmpty(bgUrl)){
  	    		$('#bgd_image').attr("src",bgUrl);
  	    		$(".s_bg").css("background-image", "url(" + bgUrl + ")");
  	    		$("#bgfontno").show();
  	    		$("#bgfontyes").hide();
  	    	}
  			break; */
  		default:
  			break;
  		}
  	}
</script>
<!--引入卡设置js文件-->
<script type="text/javascript" src="<%=path%>/js/aem/aem-staffcard-setting.js"></script>
</body>
</html>
